Etiquetas para Insertar Videos en Páginas Web ETIQUETA EMBED Los atributos principales de la etiqueta EMBED aplicada a ficheros de video son: "Para añadir un video (avi, mpg, wmv, ram, rm...) o un archivo de audio (wma, mp3, mid...) puedes utilizar la directiva <embed> con los posibles parámetros: src="fichero" Indica el nombre del fichero
autostart="xxx" Puedes usar true para que empieze a reproducir al cargar la página o false para tener que dar al play para empezar.
loop="xxx" Usa true para que al acabar vuelva a empezar, y false para que no lo haga.
hidden="false" Usa true para ocultar los botones, y false para que se muestren.
width="200" Ancho que ocupará (incluyendo controles)
height="200" Alto que ocupará (incluyendo controles) Es muy importante establecer las dimensiones correctas del video mediante los atributos width y height para que no surjan problemas.
Estos serían los atributos disponibles para la etiqueta iframe: src: Para indicar la página web que se mostrará en el espacio del frame flotante. width: Para definir la anchura del recuadro del iframe height: Para definir la altura del iframe name: Para especificar el nombre del frame, que podemos utilizar luego para referirnos a él con el target de los links, o mediante javascript. id: Para indicar el identificador del iframe, y poder referirnos a él desde javascript. frameborder: para definir si queremos o no que haya un borde en el frame. Los valores posibles son 0 | 1. frameborder=0 indicaría que no queremos borde y frameborder=1 que sí. scrolling: indica si se quiere que aparezcan barras de desplazamiento para ver los contenidos del iframe completo, en el caso que no aparezcan en el espacio reservado para el iframe. Los valores posibles son: yes | no | auto. El valor "yes" es para que aparezcan siempre las barras de desplazamiento o barras de scroll, "no" sirve para que no aparezcan nunca y "auto" es para que aparezcan sólo cuando son necesarias (es el valor por defecto) marginwidth: Para definir el margen a izquierda y derechar que debe tener la página que va dentro del iframe, con respecto al borde. Este margen va en pixels, pero prevalecerá el margen que pueda tener asignada la página web que mostremos en el frame flotante. marginheight: lo mismo que marginwidth, pero en este caso para el tamaño del margen por la parte de arriba y abajo. margin: para especificar alineación del frame, igual que se especifica para las imágenes. style y class: los atributos para definir el aspecto del iframe por medio de hojas de estilo css. Para acabar, aquí vemos otro ejemplo de iframe con unos cuantos atributos más:
Un Gadget es un archivo XML ubicado en Internet. El archivo XML que especifica un Gadget contiene instrucciones acerca de cómo procesar y ejecutar dicho gadget.
Un Gadget es un código que puede ser instalado y ejecutado en cualquier Blog o pagina Web independiente basado en HTML por un usuario final sin necesidad de compilación.
Se derivan de la idea de reutilizar el código. Otros términos utilizados para describir **Gadget** o **Widget** : mini aplicaciones, módulo webjit, widget web...etc .
Gadgets por lo general siempre se deben usar en HTML, JavaScript, Flash o Adobe.
Los usuarios finales utilizan principalmente los Gadgets y Widgets para mejorar su experiencia web personal, o la web experiencias de los visitantes a sus sitios o blogs personales.
El uso de Widgets y Gadgets ha demostrado cada vez más popular, donde los usuarios de los medios sociales son capaces de agregar aplicaciones independientes a los blogs, perfiles y páginas de la comunidad.
Los desarrolladores de estos reproductores suelen ser los que ofrecen como una forma de contenido patrocinado, lo que puede pagar el costo del desarrollo cuando los mapas del Widget o Gadget de servicios públicos a las necesidades del usuario en un camino donde ambas partes ganan.
2.¿Qué son los Gadgets para tu Blog de Blogger?
**Los Gadgets** son objetos en miniatura realizados por los usuarios de Googleo de otras personas como usted que ofrecen contenido fresco y dinámico que se puede colocar en cualquier blog o página web.
Son gratuitos y están disponibles para que usted pueda agregar a cualquier blog o página web que posee, y también se pueden agregar a varios servicios de Google ( la página deiGoogle, Google Desktop, y Blogger). .
Algunos de ellos son:
Conversor de divisas
**Conversor de divisas**: utiliza nuestro conversor para convertir euros en dólares y euros en libras y vice versa. Ponla en tu página o blog.
horoscopo
**Horóscopo del día**: pon este divertido horóscopo diario en tu página, o los de tus amigos, para que sepan qué les espera en cuestiones de salud, amor y dinero
El chiste del día
**El chiste del día**: ríete y haz que la gente que visite tu página, blog o fotolog también se ría con el chiste hoy. Este gadget te dará un chiste nuevo cada día
Frase del día
**Frase del día**: alegra tu página con una frase ingeniosa y divertida cada día
Refrán del día
**El refrán del día**: un refrán cada día para darle a tu blog o página web un toque de sabiduría popular
Santo del día
**El Santo del día**: para saber qué santo es hoy y poder felicitar a esa persona especial o amigo y además alegrar tu página web.
Consejo del día
**Consejo del día**: cada nuevo día, uno de nuestros consejos para que aciertes en todo!!
Horóscopo de Hoy
**Horóscopo de Hoy**: a diferencia de nuestro otro gadget, este gadget mostrará el horóscopo que corresponde a la fecha actual.
Personajes Célebres Hoy
**Personajes Célebres Hoy**: para saber quiénes de los personajes más célebres de la historia cumplieron años el día de hoy.
Hechos Históricos Hoy
**Hechos Históricos Hoy**: principales acontecimientos históricos actualizados al día para tu página.
Fiestas en España Hoy
**Fiestas en España Hoy**: fiestas que se están celebrando actualmente en España, ¡para que no te pierdas ninguna!
Foto de Hoy
**Foto de Hoy**: con nuestro gadget de Foto de Hoy, cada día una foto distinta de nuestro amplio apartado de fotos, ¡alegra tu web o blog!
Compatibilidad de nombres
**Compatibilidad de nombres**: ¿Quieres saber si sois compatibles? Hazte una prueba para ver qué porcentaje de compatibilidad teneis con vuestros nombres...
Videos:
Etiquetas para Insertar Videos en Páginas Web
ETIQUETA EMBED
Los atributos principales de la etiqueta EMBED aplicada a ficheros de video son:
"Para añadir un video (avi, mpg, wmv, ram, rm...) o un archivo de audio (wma, mp3, mid...) puedes utilizar la directiva <embed> con los posibles parámetros:
src="fichero" Indica el nombre del fichero
autostart="xxx" Puedes usar true para que empieze a reproducir al cargar la página o false para tener que dar al play para empezar.
loop="xxx" Usa true para que al acabar vuelva a empezar, y false para que no lo haga.
hidden="false" Usa true para ocultar los botones, y false para que se muestren.
width="200" Ancho que ocupará (incluyendo controles)
height="200" Alto que ocupará (incluyendo controles)
Es muy importante establecer las dimensiones correctas del video mediante los atributos width y height para que no surjan problemas.
EJEMPLO:
<embed src
"Wildlife.wmv"type="video/quicktime" autostart="True" width="165" height="140">=ETIQUETA IFRAME ( VIDEOS DESDE UNA URL)
Todos los atributos de iframe
Estos serían los atributos disponibles para la etiqueta iframe:src: Para indicar la página web que se mostrará en el espacio del frame flotante.
width: Para definir la anchura del recuadro del iframe
height: Para definir la altura del iframe
name: Para especificar el nombre del frame, que podemos utilizar luego para referirnos a él con el target de los links, o mediante javascript.
id: Para indicar el identificador del iframe, y poder referirnos a él desde javascript.
frameborder: para definir si queremos o no que haya un borde en el frame. Los valores posibles son 0 | 1. frameborder=0 indicaría que no queremos borde y frameborder=1 que sí.
scrolling: indica si se quiere que aparezcan barras de desplazamiento para ver los contenidos del iframe completo, en el caso que no aparezcan en el espacio reservado para el iframe. Los valores posibles son: yes | no | auto. El valor "yes" es para que aparezcan siempre las barras de desplazamiento o barras de scroll, "no" sirve para que no aparezcan nunca y "auto" es para que aparezcan sólo cuando son necesarias (es el valor por defecto)
marginwidth: Para definir el margen a izquierda y derechar que debe tener la página que va dentro del iframe, con respecto al borde. Este margen va en pixels, pero prevalecerá el margen que pueda tener asignada la página web que mostremos en el frame flotante.
marginheight: lo mismo que marginwidth, pero en este caso para el tamaño del margen por la parte de arriba y abajo.
margin: para especificar alineación del frame, igual que se especifica para las imágenes.
style y class: los atributos para definir el aspecto del iframe por medio de hojas de estilo css.
Para acabar, aquí vemos otro ejemplo de iframe con unos cuantos atributos más:
<iframe width="420" height="315" src="http://www.youtube.com/embed/NpWANog7_og" frameborder="0" allowfullscreen></iframe>
¿Qué es un Gadget ó widget?
Un Gadget es un archivo XML ubicado en Internet. El archivo XML que especifica un Gadget contiene instrucciones acerca de cómo procesar y ejecutar dicho gadget.Un Gadget es un código que puede ser instalado y ejecutado en cualquier Blog o pagina Web independiente basado en HTML por un usuario final sin necesidad de compilación.
Se derivan de la idea de reutilizar el código. Otros términos utilizados para describir **Gadget** o **Widget** : mini aplicaciones, módulo webjit, widget web...etc .
Gadgets por lo general siempre se deben usar en HTML, JavaScript, Flash o Adobe.
Los usuarios finales utilizan principalmente los Gadgets y Widgets para mejorar su experiencia web personal, o la web experiencias de los visitantes a sus sitios o blogs personales.
El uso de Widgets y Gadgets ha demostrado cada vez más popular, donde los usuarios de los medios sociales son capaces de agregar aplicaciones independientes a los blogs, perfiles y páginas de la comunidad.
Los desarrolladores de estos reproductores suelen ser los que ofrecen como una forma de contenido patrocinado, lo que puede pagar el costo del desarrollo cuando los mapas del Widget o Gadget de servicios públicos a las necesidades del usuario en un camino donde ambas partes ganan.
2.¿Qué son los Gadgets para tu Blog de Blogger?
**Los Gadgets** son objetos en miniatura realizados por los usuarios de Googleo de otras personas como usted que ofrecen contenido fresco y dinámico que se puede colocar en cualquier blog o página web.
Son gratuitos y están disponibles para que usted pueda agregar a cualquier blog o página web que posee, y también se pueden agregar a varios servicios de Google ( la página deiGoogle, Google Desktop, y Blogger).
.
Algunos de ellos son:
1. En la página Web "QUIEN SOY", van a insertar un VIDEO relacionado con las Cualidades del Emprendedor.
2. En la página Web "QUIEN SOY", van a insertar EN LA PARTE INFERIOR un Gadget- Widget, de acuerdo a los ejemplos antes citados.
HOY MARZO 5/2012 DEBEN ENTREGAR:
LA PÁGINA COMPLETA DE QUIEN SOY (INCLUYENDO EL VIDEO Y EL GADGET)Y SUBIRLA AL WIKI (TRABAJO INDIVIDUAL)
ENTREGAR EL GLOSARIO DE EMPRENDIMIENTO Y SUBIRLA AL WIKI (TRABAJO EN PAREJAS)
NOTA DEBE SER DURANTE LA CLASE, NO EXTRA*CLASE, NI EN EL TIEMPO QUE USTEDES LOS DISPONGAN.
PRÓXIMA CLASE: SE EVALÚA DE LOS TEMAS VISTOS, PREPARESEN PARA LA EVALUACIÓN.
!EXITOS¡